   <script type="text/x-template" id="Content">


        <!----- <router-view></router-view>  --->

        <div class="Content-form" :style="InfoFormStyle">


            <div v-if="loading" class="ms-loading">
                 

            <mu-circular-progress class="ms-spinner" :size="32"></mu-circular-progress>
            </div>
            <div class="container">
                <h1 class="lead text-muted content-title">{{info.title}}</h1>


                <div v-if="info.iframe" class="content-iframe">
                    <b-embed type="iframe" aspect="16by9" :src="info.iframe" allowfullscreen></b-embed>
                </div>

                <div v-if="info.video" class="content-video">

                <video  
                controls="controls"
                 :src="info.video" 
                 aspect="16by9"
                 x5-video-player-type="h5" 
                 x5-video-player-fullscreen="true" 
                 :poster="info.poster" 
                 x-webkit-airplay="true" x5-playsinline="true" 
                 webkit-playsinline="true" 
                 playsinline="true" 
                 class="ms-video" style="height: 256px;"></video>
 
                </div>

                <div class="content-fonts">{{info.Content}}</div>
                <div v-if="info.ImageList" class="content-images">
                    <img v-for="img in info.ImageList" class="third-slide"
                        src="./~/Service/Images/{{img}}/{{width}}^/j.png">
                </div>
            </div>
        </div>
        </div>
    </script>